@import "src/style/index";

.help-detail{
    .detail-panel{
        margin-top: r(10);
        .h-title{
            height: r(44);
            line-height: r(44);
            padding: 0 r(11);
            font-size: r(15);
            color: $base-color-333;
        }
        .h-ul{
            margin-left: r(11);
        }
        .h-detail{
            h1{
                line-height: r(21);
                padding: r(12) 0;
                font-size: r(15);
                color: $base-color-333;
                margin: 0;
                background: #fff;
                padding-left: r(11);
                &:first-child{
                    border-top: none;
                }
            }
            h2{
                line-height: r(22);
                padding: r(11) 0;
                font-size: r(13);
                background: #fff;
                padding-left: r(11);
                position: relative;
                &:before{
                    content: "";
                    position: absolute;
                    left: r(11);
                    right: 0;
                    top: 0;
                    height: 1px;
                    background: $base-color-eee;
                }
                &:after{
                    content:"";
                    position: absolute;
                    right: r(11);
                    background: url('./image/arrow.svg') center center no-repeat;
                    display: block;
                    width: r(11);
                    height: r(11);
                    top: r(16);
                    transform: rotate(90deg);
                    transition: all .2s;
                }
                &.show{
                    &:after{
                        transform: rotate(-90deg);
                    }
                }
            }
            p{
                font-size: r(11);
                color: $base-color-999;
                line-height: r(18);
                transition: height 0.2s;
                overflow: hidden;
                word-break: break-all;
                padding: r(4) r(11) r(18) r(11);
                background: #fff;
                display: none;
            }
            p+h1{
                margin-top: r(10);
            }
        }
    }
}